<title>用户管理</title>
<!-- /section:settings.box -->
<div class="row user_list">
	<div class="col-xs-12">
		<div class="ad_so">
			<input type="text" id="hx_account" class="input-large"
				placeholder="账号"><input type="text" id="hx_phone"
				class="input-large" placeholder="手机号码"> <input type="text"
				id="hx_company_name" class="input-large" placeholder="企业名称">
			<button type="button" class="btn btn-info serach">
				<i class="glyphicon glyphicon-search"> </i> 搜索
			</button>
		</div>
		<div class="tabbable tabbable2">
			<ul class="nav nav-tabs padding-12 tab-color-blue background-blue">
				<li name="li_tab" class="active" data-identity="-1"><a
					href="javascript:;">全部</a></li>
			</ul>
		</div>
		<div class="row">
			<div class="col-xs-12">
				<div>
					<table class="table table-striped table-bordered table-hover">
						<thead>
							<tr>
								<th>ID</th>
								<th>企业名称</th>
								<th>账号</th>
								<th>责任人</th>
								<th>联系电话</th>
								<th>注册时间</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody class="data" style="display: table-row-group;">
						</tbody>
					</table>
				</div>
			</div>
		</div>
		<!-- 
		<div class="pull-left">
			<button type="button" class="btn btn-info add" data-identity="add"
				title="新增">
				<i class="ace-icon glyphicon glyphicon-plus"> </i>新增
			</button>
		</div> -->
		<!--分页-->
		<nav class="pull-right">
			<ul class="pagination">
				<li><a class="first" href="javascript:void(1);"
					aria-label="Previous"> 首页 </a></li>
				<li><a class="prev" href="javascript:void(1);"> <i
						class="ace-icon fa fa-angle-double-left"> </i>上一页
				</a></li>
				<li><a class="next" href="javascript:void(1);"> 下一页 <i
						class="ace-icon fa fa-angle-double-right"> </i>
				</a></li>
				<li><a class="last" href="javascript:void(1);" aria-label="Next"> 尾页
				</a></li>
				<li><a class="go_page" href="javascript:void(1);"> 跳转到 </a></li>
				<li><input type="text" style="width: 30px" class="go_num" value="1">
				</li>
				<li>页</li>
			</ul>
		</nav>
		<table class="list-tpl hidden">
			<tr>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td>
					<button type="button" class="btn btn-mini btn-success detail"
						data-identity="detail" title="详情">
						<i class="ace-icon glyphicon glyphicon-eye-open"> 详情</i>
					</button>
				</td>
			</tr>
		</table>
	</div>
</div>
<script type="text/javascript">var scripts = [null, null];
$('.page-content-area').ace_ajax('loadScripts', scripts, function() {
	var $scope = $('.user_list');
	function pageInit(page) {
		$.getJSON(page.url, {
				page: page.pi
			},
			function(ret) {
				if (ret.status > 0) {
					var $data = $('.data', $scope);
					$data.hide();
					$data.empty();
					var data = ret.data;
					pageObj.set_page_count_without_action(ret.page_count);
					$("li[name='li_tab'][class='active'][data-identity='-1']>a",$scope).text("全部（"+ret.tct+"）");
					for (var i in data) {
						var v = data[i];
						var id = v['id'];
						var $item = $('.list-tpl tr', $scope).clone();
						$('td:eq(0)', $item).attr('data-identity', 'id-' + id).text(id);
						$('td:eq(1)', $item).text(v['company_name']);
						$('td:eq(2)', $item).text(v['account']);
						$('td:eq(3)', $item).text(v['principal']);
						$('td:eq(4)', $item).text(v['phone']);
						$('td:eq(5)', $item).text(FormatDate(v['register_time'], 'yyyy-MM-dd HH:mm'));
						$('td:eq(6) .detail', $item).attr('data-identity', 'detail-' + id);
						$data.append($item);
					}
					$data.show();
				} else {
					pageObj.set_page_count_without_action(1);
					message_box.show(ret.data, 'error');
				}
			});
	}
	pageObj = new pagination({
		'url': '/user/ajax_list',
		'page_count': 9,
		'show_callback': function(page) {
			pageInit(page);
		}
	});
	$('.first', $scope).click(function() {
		pageObj.first_page();
		$('.go_num', $scope).val('1');
	});
	$('.prev', $scope).click(function() {
		pageObj.prev_page();
		$('.go_num', $scope).val(pageObj.get_page_index());
	});
	$('.next', $scope).click(function() {
		pageObj.next_page();
		$('.go_num', $scope).val(pageObj.get_page_index());
	});
	$('.last', $scope).click(function() {
		pageObj.last_page();
		$('.go_num', $scope).val(pageObj.get_page_index());
	});
	//跳转输入框
	$('.go_num', $scope).change(function() {
			var num = $(this).val();
			if (num > pageObj.get_page_count()) {
				$(this).val(pageObj.get_page_count());
			} else if (num < 1) {
				$(this).val(1);
			}
		})
		//跳转至指定页面
	$('.go_page', $scope).click(function() {
		var num = $('.go_num', $scope).val();
		pageObj.go_page(num);
		$('.go_num', $scope).val(pageObj.get_page_index());
	});
	$scope.delegate('[data-identity^="detail"]', 'click', function() {
		var id = $(this).attr('data-identity').split('-')[1];
		var url = '/user/detail?id=' + id;
		gDialog.fCreate({
			title: '用户信息-详情',
			url: url,
			width: 600
		}).show();
	});
	function create_where()
	{
	    var account= $("#hx_account",$scope).val()||"";
		var phone=$("#hx_phone",$scope).val()||"";
		var company_name=$("#hx_company_name",$scope).val()||"";
		var tb = $("li[name='li_tab'][class='active']",$scope).attr("data-identity");	
		var where = "?cn="+company_name+"&phone="+phone+"&tb="+tb+"&ac="+account;
		return where;						
	}
	$("li[name='li_tab']",$scope).click(function(){
	    $("li[name='li_tab']").removeClass("active");
	    $(this).addClass("active");
	    url = '/user/ajax_list'+create_where();
	    pageObj=new pagination({
			'url':url,
			'page_count':9,
			'show_callback':function(page)
			{										
			    pageInit(page);
			}
		});	
	});		
	$('.serach',$scope).click(function(){
		var url = '/user/ajax_list'+create_where();
	    pageObj=new pagination({
			'url':url,
			'page_count':9,
			'show_callback':function(page)
			{										
			    pageInit(page);
			}
		});				
	});
})</script>
